/* ======================================================================= */
/* DIVIDER
/* ======================================================================= */

.divider{
	display: block;
	width: 100%;
	height: 0;
	margin: $macro_space 0;
	border: none;
	border-top: 1px solid $light_color_2;
}

.divider-nano{
	margin: $nano_space 0;
}

.divider-micro{
	margin: $micro_space 0;
}

.divider-mega{
	margin: $mega_space 0;
}

/* types */

.divider-dashed{
	border-style: dashed;
}

.divider-color{
	position: relative;

	&:before{
		content: "";
		display: block;
		width: 50px;
		height: 2px;
		position: absolute;
		bottom: 0;
		left: 0;
		background: $primary_color;
	}
}